<template>
	<view>
		<!-- <form @submit="formSubmit">
		
            <view class="ff">
				<span>用户头像*:</span>
				<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
					<img class="avatar" :src="avatarUrl" />
				</button>
			</view>
			<view class="ff">
				<span>用户昵称*:</span>
				<input maxlength="4" type="nickname" v-model="username" name='nickname' class="weui-input"
					placeholder="请输入昵称" />
			</view>
			<view class="ff">
				<span>用户电话:</span>
				<input name="phone" v-model="phone" class="weui-input" placeholder="请输入联系方式" />
			</view>
			<view class="ff">
				<span>所在职业:</span>
				<input name="work" v-model="work" placeholder="请输入职业" />
			</view>
			<view class="tijiao">
				<button form-type="submit">提交</button>
			</view>
		</form> -->
	</view>
</template>

<script>
// 	const defaultAvatarUrl =
// 		'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
// 	export default {
// 		data() {
// 			return {
// 				username: '',
// 				avatarUrl: defaultAvatarUrl,
// 				phone: "",
// 				work: "",

// 			}
// 		},
		
// 		onLoad() {
// 			let userInfo = uni.getStorageSync('user')
// 			if (userInfo != "" && userInfo) {

// 				this.username = userInfo.nickname
// 				this.phone = userInfo.phone
// 				this.work = userInfo.work;
// 				if(userInfo.img){
// 					this.avatarUrl=userInfo.img
// 				}
// 			}

// 		},
// 		methods: {
// 			onChooseAvatar(e) {
// 				console.log(e)
// 				const {
// 					avatarUrl
// 				} = e.detail
// 				this.avatarUrl = avatarUrl
// 			},
			
// 			formSubmit: function(e) {
// 				console.log(this.avatarUrl)
// 				let author={
// 					img:this.avatarUrl
// 				}
// 				var formdata = e.detail.value;
				
// 				if (formdata.nickname == "") {
// 					uni.showToast({
// 						title: '昵称不能为空',
// 						icon: 'none'
// 					})
// 					return;
// 				}
// 				this.$api.userAdd(formdata).then((res) => {
// 					if (res.code == 200) {
// 						uni.setStorageSync('user', {...formdata,...author})
// 						uni.navigateBack()
// 					} else {
// 						uni.showToast({
// 							title: res.message,
// 							icon: 'none'
// 						})
// 					}
// 				})
// 			},

// 		}
// 	}
// </script>

// <style lang="scss">
// 	.ff {
// 		display: flex;
// 		margin: 25px;
// 		height: 54px;
// 		border-bottom: 1px solid #f5f5f5;
// 		line-height: 50px;
// 		justify-content: space-between;

// 		input {
// 			width: 160px;
// 			padding-top: 10px;
// 		}
// 		.avatar-wrapper{
// 			width: 54px;
// 			float: right;
// 			height: 54px;
// 			margin-right: 50px;
// 			background: none; /* 去掉背景样式 */
// 			  border: none; /* 去掉边框样式 */
// 			  padding: 0; /* 去掉内边距 */
// 			  margin: 0; /* 去掉外边距 */
// 			  outline: none; /* 去掉点击后的轮廓线 */
// 			  color: inherit; /* 文字颜色继承父元素 */
// 			  font-size: inherit; /* 字体大小继承父元素 */
// 			  img{
// 				  width: 54px;
// 				  height: 54px;
// 			  }
// 		}
// 		button::after{
// 			border: none;
// 			outline: 0;
// 			background-color: transparent;
// 		}
// 		button::before{
// 			border: 0;
// 			outline: 0;
// 			background-color: transparent;	
// 		}
		
// 	}
// .tijiao{
// 			button {
// 				width: 80%;
// 				background-color: #7a9a74;
// 				margin: auto;
// 				color: #fff;
// 			}
// 		}

</style>